/*hwui-v0.0.1*/
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
fieldset{border:1px solid #DDDDDD;}
a:active,a:hover{outline:0}
img{display:inline-block;border:none}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
button,input,optgroup,option,select,textarea{
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  outline:0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
em{font-style:normal;}

body{
  line-height:24px;
  font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
  color:#333;
}
hr{
  height:1px;
  margin:10px 0;
  border:0;
  background-color:#e5e5e5;
  clear:both;
}
a{
  color:#333;
  text-decoration:none;
}
a:hover{
  color:#FF6600;
}
a cite{
  font-style:normal;
  *cursor:pointer;
}

[v-cloak]{display:none !important;}

/*滚动条*/
::-webkit-scrollbar{
  width: 9px;
  height: 9px;
  background:#F3F3F3;
}
::-webkit-scrollbar-thumb{
  border:1px solid #ffffff;
  border-radius: 6px;
  background:#c9c9c9;
}
::-webkit-scrollbar-thumb:hover{
  background: #b5b5b5;
}

/*禁止文本选中*/
.hwui-text-select-disable{
  moz-user-select:-moz-none;
  -moz-user-select:none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/*清除浮动*/
.hwui-clr{clear:both;}
.hwui-clra{clear:both;font-size:0;margin:0;padding:0;height:0;line-height:0;}

/*浮动*/
.hwui-l-float{float:left;}
.hwui-r-float{float:right;}

/*盒子*/
.hwui-box{display:-ms-flexbox;display:-webkit-box;display:-moz-box;}
.hwui-flex1{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.hwui-flex2{-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;}
.hwui-flex3{-moz-box-flex:3;-webkit-box-flex:3;box-flex:3;}
.hwui-flex4{-moz-box-flex:4;-webkit-box-flex:4;box-flex:4;}
.hwui-flex5{-moz-box-flex:5;-webkit-box-flex:5;box-flex:5;}

/*框类型*/
.hwui-none{display:none;}
.hwui-block{display:block;}
.hwui-inline-block{display:inline-block;*display:inline;*zoom:1;}
.hwui-inline{display:inline;}

/*文本对齐*/
.hwui-tac{text-align:center;}
.hwui-tal{text-align:left;}
.hwui-tar{text-align:right;}

/*文本加粗*/
.hwui-bold{font-weight:bold;}
.hwui-normal{font-weight:normal;}

/*缩进*/
.hwui-indent2{text-indent:2em;}

/*自动换行*/
.hwui-wordwrap{
  table-layout:fixed;
  word-break:break-all;
  overflow:hidden;
  word-wrap:break-word;
}

.hwui-touch:active{opacity:0.6;filter:alpha(opacity=60);}
.hwui-touch-bg:active{background-color:#F0F0F0;}

/*省略号*/
.hwui-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/*列宽由表格宽度和列宽度设定*/
.hwui-layout-fixed{table-layout:fixed;}

/*滚动条*/
.hwui-h-scroll{overflow-x:auto;overflow-y:hidden;}
.hwui-v-scroll{overflow-x:hidden;overflow-y:auto;}
.hwui-hidden{overflow:hidden;}
.hwui-a-scroll{overflow-x:auto;overflow-y:auto;}

/*定位*/
.hwui-relative{position:relative;}
.hwui-absolute{position:absolute;}
.hwui-fixed{position:fixed;}

/*指针*/
.hwui-cur-default{cursor:default;}
.hwui-cur-pointer{cursor:pointer;}

.hwui-border-box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.hwui-overline{text-decoration:overline;}
.hwui-through{text-decoration:line-through;}
.hwui-underline{text-decoration:underline;}

/*内边距*/
.hwui-pa5{padding:5px;}
.hwui-pa10{padding:10px;}
.hwui-pa15{padding:15px;}
.hwui-pa20{padding:20px;}
.hwui-plr5{padding:0 5px;}
.hwui-plr10{padding:0 10px;}
.hwui-plr20{padding:0 20px;}
.hwui-ptb5{padding:5px 0px;}
.hwui-ptb10{padding:10px 0px;}

/*外边距*/
.hwui-ma-auto{margin:0 auto}
.hwui-ma5{margin:5px;}
.hwui-ma10{margin:10px;}
.hwui-mlr5{margin:0 5px;}
.hwui-mlr10{margin:0 10px;}
.hwui-mtb5{margin:5px 0px;}
.hwui-mtb10{margin:10px 0px;}
.hwui-mt5{margin-top:5px;}
.hwui-mt7{margin-top:7px;}
.hwui-mt10{margin-top:10px;}
.hwui-mt15{margin-top:15px;}
.hwui-mt25{margin-top:25px;}
.hwui-mr18{margin-right:4px;}
.hwui-mr10{margin-right:10px;}
.hwui-mr15{margin-right:15px;}
.hwui-ml40{margin-left:40px;}
.hwui-ml35{margin-left:35px;}
.hwui-ml6{margin-left:6px;}
/*宽度*/
.hwui-w240{
  width:240px;
}
.hwui-w80{
  width:80px;
}
.hwui-w100{
  width:100px;
}
.hwui-wp-10{
  width:10%;
}
.hwui-wp-20{
  width:20%;
}
.hwui-wp-30{
  width:30%;
}
.hwui-wp-40{
  width:40%;
}
.hwui-wp-50{
  width:50%;
}
.hwui-wp-60{
  width:60%;
}
.hwui-wp-70{
  width:70%;
}
.hwui-wp-80{
  width:80%;
}
.hwui-wp-90{
  width:90%;
}
.hwui-w-all{
  width:100%;
}

/*高度*/
.hwui-h{
  height:32px;
  font-size:14px;
}
.hwui-h-big{
  height:46px;
  font-size:16px;
}
.hwui-h-small{
  height:38px;
  font-size:14px;
}
.hwui-h-mini{
  height:26px;
  font-size:12px;
}
/* 浮动 */
.hwui-floatl{
  float: left;
}
/* 圆型和圆角 */
.hwui-radius-all{
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
}
.hwui-radius{
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  border-radius:100px;
}
.hwui-radius2{
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.hwui-radius3{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.hwui-radius4{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.hwui-radius5{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

/*字体颜色*/
.hwui-fc-white{color:#FFFFFF;}
.hwui-fc-disabled{color:#BBBBBB;}
.hwui-fc-add,.hwui-fc-success,.hwui-fc-correct{color:#17B566}
.hwui-fc-del,.hwui-fc-fail,.hwui-fc-error{color:#ED3F14;}
.hwui-fc-important{color:#CC6600;}
.hwui-fc-important1{color:#FF8800;}
.hwui-fc-integral{color:#FF7F00}
.hwui-fc-link{color:#2199ed}
.hwui-fc-link1{color:#0077B0}
.hwui-fc-txt1{color:#333;}
.hwui-fc-txt2{color:#666;}
.hwui-fc-txt3{color:#999;}
.hwui-fc-txt4{color:#AAAAAA;}
.hwui-fc-txt5{color:#CCCCCC}

/*字号*/
.hwui-fs-sys{font-size:22px;line-height:30px;}
.hwui-fs-title{font-size:18px;line-height:26px;}
.hwui-fs-content{font-size:14px;line-height:22px;}
.hwui-fs-tips{font-size:12px;line-height:20px;}

/*背景色*/
.hwui-bg-main{background-color:#F9F9F9}

/*边框色*/
.hwui-bc-bottom{border-bottom:1px dotted #E5E5E5}

.hwui-header{
  height:50px;
  line-height:50px;
  background-color:#0096ff;
  padding:0 0px 0px 15px;
  position:relative;
  z-index:12;
}
.hwui-main{
  position:absolute;
  top:50px;
  bottom:0;
  left:0;
  right:0;
}
.hwui-left{
  width:180px;
  position:absolute;
  top:50px;
  bottom:0;
  left:0;
  background-color: #2e3b4d;
  border-right:1px solid #ddd;
  overflow: auto;
}
.hwui-right{
  position:absolute;
  top:50px;
  bottom:0;
  left:181px;
  right:0;
  background-color:#FFFFFF;
}
.hwui-right.all{left:0}
.hwui-right-content{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

/*logo*/
.hwui-logo{
  color:#FFFFFF;
  height:40px;
  line-height:40px;
  margin:5px 30px 5px 0px;
  min-width:135px;
}
.hwui-logo .l-icon{
  display:block;
  font-size:18px;
  color:#FFFFFF;
  float:left;
  margin-right:5px;
}
.hwui-logo .l-img{
  height:40px;
  display:block;
  float:left;
  margin-right:5px;
}
.hwui-logo .l-txt{
  font-size:19px;
  color:#FFFFFF;
  float:left;
}
@media screen and (max-width: 1400px) {
  .hwui-logo .l-txt{
      max-width: 275px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
}
/*导航菜单*/
.hwui-nav ul .n-li{
  float:left;
  display:block;
  text-decoration:none;
  padding:0 15px;
  margin:0 0px;
  text-align:center;
  height:50px;
  line-height:50px;
  color: rgba(255,255,255,0.5);
  cursor:pointer;
}
.hwui-nav ul .n-li a{
  color:#FFFFFF;
  display:block;
  width:100%;
  font-size:15px;
}
.hwui-nav ul .n-li:hover,.hwui-nav .n-li.on{
  color:#FFFFFF;
  /* background-color:#1F89D5; */
  /*background-color:rgba(0,0,0,.1);*/
}
.hwui-nav ul .n-li:hover a:hover,.nav .n-li.on a{
  color:#FFFFFF;
}
.hwui-nav ul .n-li a{
  text-decoration:none;
}

/*头部右侧工具条*/
.hwui-header-tools .ht-link,.hwui-header-tools .ht-link-sub{
  color:#FFFFFF;
  display:block;
  padding:0 15px 0px 15px;
  height:50px;
  line-height:50px;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
}
.hwui-header-tools .ht-link-sub:hover > .ht-link-menu{
  visibility:visible;
  opacity:1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.hwui-header-tools .ht-link-sub .ht-link-menu{
  visibility: hidden;
  opacity:0;
  position:absolute;
  top:50px;
  right:0;
  width:100px;
  z-index:10;
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  border-top:none;
  box-shadow:0 3px 3px rgba(0,0,0,0.3);
}
.hwui-header-tools .ht-link-sub .ht-link-menu a{
  display:block;
  height:40px;
  line-height:40px;
  padding:0 10px;
}
.hwui-header-tools .ht-link-sub .ht-link-menu a:hover{
  background-color:#f7f7f7;
  color:#FF6600;
}
.hwui-header-tools .ht-link:hover,.hwui-header-tools .ht-link-sub:hover,.hwui-header-tools .ht-user:hover{
  color:#FFFFFF;
  background-color:#1F89D5;
}
.hwui-header-tools .ht-link i,.hwui-header-tools .ht-link-sub i{font-size:20px}
.hwui-header-tools .ht-badge{
  width:16px;
  height:16px;
  line-height:16px;
  text-align:center;
  font-size:10px;
  font-family:arial;
  position:absolute;
  top:50%;
  right:5px;
  margin-top:-13px;
  background-color:#ff3636;
}
.hwui-header-tools .ht-num{
  height:8px;
  text-align:center;
  width:8px;
  background-color:#ff3636;
  position:absolute;
  top:31%;
  right:10px;
}
.hwui-header-tools .ht-user{
  color:#FFFFFF;
  padding:0 10px 0px 15px;
  height:50px;
  line-height:50px;
  max-width:150px;
  float:left;
  cursor:pointer;
  position:relative;
}
.hwui-header-tools .ht-user > img{
  width:32px;
  height:32px;
  display:block;
  margin:9px 5px 0px 12px;
  float:left;
}
.hwui-header-tools .ht-user > div{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hwui-header-tools .ht-user:hover .ht-user-menu{
  visibility:visible;
  opacity:1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.hwui-header-tools .ht-user .ht-user-menu{
  visibility: hidden;
  opacity:0;
  position:absolute;
  top:50px;
  left:0;
  right:0;
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  border-top:none;
  box-shadow:0 3px 3px rgba(0,0,0,0.3);
}
.hwui-header-tools .ht-user .ht-user-menu a{
  display:block;
  height:40px;
  line-height:40px;
  padding:0 10px;
}
.hwui-header-tools .ht-user .ht-user-menu a:hover{
  background-color:#f7f7f7;
  color:#FF6600;
}

/*左侧菜单*/
.hwui-menu-left .ml-lv-one{
  overflow:hidden;
  height:40px;
  line-height:40px;
  position:relative;
  cursor:pointer;
}
.hwui-menu-left .ml-lv-one:hover{
  background-color:#E0E0E0;
}
.hwui-menu-left .ml-lv-one.on{
  background-color:#696969;
}
.hwui-menu-left .ml-lv-one.on i{
  color:#CCCCCC
}
.hwui-menu-left .ml-lv-one.on div{
  color:#FFFFFF;
}
.hwui-menu-left .ml-lv-one.on em{
  color:#FFFFFF;
}
.hwui-menu-left .ml-lv-one i{
  float:left;
  text-align:center;
  width:36px;
  color:#999999;
}
.hwui-menu-left .ml-lv-one div{
  float:left;
  position:absolute;
  top:0;
  left:36px;
  right:30px;
  color:#333;
}
.hwui-menu-left .ml-lv-one div.no-icon-w{
  left:0;
  padding:0 10px 0px 10px;
}
.hwui-menu-left .ml-lv-one em{
  float:right;
  font-size:12px;
  width:30px;
  text-align:center;
  font-weight:bold;
  color:#000;
}
.hwui-menu-left .ml-lv-two a{
  position:relative;
  display:block;
  height:40px;
  line-height:40px;
  padding:0 10px 0px 33px;
  color:#333;
}
.hwui-menu-left .ml-lv-two a:hover,.hwui-menu-left .ml-lv-two a.on{
  color:#333;
  background-color:#E0E0E0;
}
.hwui-menu-left .ml-lv-one:active,.hwui-menu-left .ml-lv-two a:active{
  opacity:0.7;
  filter:alpha(opacity=70);
}

/*左侧菜单无三级*/
.hwui-menu-left-single a{
  display:block;
  height:40px;
  line-height:40px;
  padding:0 15px;
}
.hwui-menu-left-single a:hover,.hwui-menu-left-single a.on{
  color:#333;
  background-color:#E0E0E0;
}
.hwui-menu-left-single a:active{
  opacity:0.7;
  filter:alpha(opacity=70);
}
.hwui-menu-left-single a i{
  float:left;
  display:block;
  height:40px;
  line-height:40px;
  width:24px;
}
.hwui-menu-left-single a div{
  overflow:hidden;
}

/*左侧菜单*/
.hwui-menu{
  width:100%;
}
.hwui-menu .menu-child{
  overflow:hidden;
  transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
}
.hwui-menu .menu-icons{
  display:block;
  float:left;
  width:24px;
  height:24px;
  line-height:24px;
  font-size:16px;
  text-align:center;
  margin:11px 3px 0 3px;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.hwui-menu .menu-icons.selected{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hwui-menu .menu-title{
  display:block;
  overflow:hidden;
  padding-right:5px;
}
.hwui-menu .menu-link{
  background: #3a4c5d;
  display:block;
  height:46px;
  line-height:46px;
  color: #ffffff;
  border-left:4px solid transparent;
  -webkit-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out;
  -webkit-transition:background-color .3s ease-in-out;
  -moz-transition:background-color .3s ease-in-out;
  transition:background-color .3s ease-in-out;
}
.hwui-menu div div div .menu-link{
  background: #293743;
}
.hwui-menu .menu-link.hover{
  background-color: #154365;
}
.hwui-menu .menu-link:hover{
  background-color: #6d9ec2;
  color: #ffffff;
}
.hwui-menu .menu-link.on{
  background-color: #205881;
  color:#ffffff;
}

/*左右布局*/
.hwui-layout-left{
  position:absolute;
  top:45px;
  bottom:0;
  left:0;
  width:150px;
  border-right:1px solid #E5E5E5;
  padding:15px;
  background-color:#FAFAFA
}
.hwui-layout-right{
  position:absolute;
  top:45px;
  bottom:0;
  left:150px;
  right:0;
  padding:15px;
}
.hwui-fold-btn{
  position:absolute;
  top:50%;
  left:0;
  margin-top:-40px;
  height:80px;
  width:7px;
  background-image:url('../../images/foldBtn.png');
  background-repeat:no-repeat;
  cursor:pointer;
  background-position:0 0px;
}
.hwui-fold-btn:hover{
  background-position:0 -80px;
}
.hwui-fold-btn.on{
  background-position:-7px 0px;
}
.hwui-fold-btn.on:hover{
  background-position:-7px -80px;
}

/*面包屑*/
.hwui-crumbs-main{
  height:40px;
  line-height:40px;
  border-bottom:1px solid #E5E5E5;
  overflow:hidden;
  background-color:#F7F7F7;
  padding:0 10px;
}
.hwui-crumbs-main.cm-link{color:#999999}
.hwui-crumbs-main.cm-link a{color:#999999}
.hwui-crumbs-main.cm-link a:hover{color:#FF8800}

/*文本*/
.hwui-text{
  border:1px solid #E5E5E5;
  padding:0 5px;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.hwui-select{
  border:1px solid #E5E5E5;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.hwui-textarea{
  border:1px solid #E5E5E5;
  padding:5px 5px;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}
.hwui-text:focus,.hwui-select:focus,.hwui-textarea:focus{border:1px solid #D5D5D5;}
.hwui-text.disabled,.hwui-select.disabled,.hwui-textarea.disabled{background-color:#F9F9F9;color:#999999}

/*按钮*/
.hwui-btn {
  display:inline-block;
  height:32px;
  line-height:32px;
  padding:0 12px;
  background-color:#2199ed;
  color:#fff;
  white-space:nowrap;
  text-align:center;
  font-size:14px;
  border:1px solid transparent;
  cursor:pointer;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}

.hwui-btn:hover {
  opacity:.8;
  filter:alpha(opacity=80);
}

.hwui-btn:active {
  opacity:1;
  filter:alpha(opacity=100)
}

.hwui-btn-radius{
  border-radius:100px
}

.hwui-btn .layui-icon{
  margin-right:3px;
  font-size:18px;
  vertical-align:bottom;
  vertical-align:middle\9
}

.hwui-btn-close {
  border:1px solid #E5E5E5;
  background-color:#F5F5F5;
  color:#333
}
.hwui-btn-close:hover {
  border-color:#DDDDDD;
  background-color:#F3F3F3;
  color:#333
}

.hwui-btn-primary {
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  color:#333
}
.hwui-btn-primary:hover {
  border-color:#DDDDDD;
  background-color:#F3F3F3;
  color:#333
}

.hwui-btn-success {
  background-color:#00a04d
}

.hwui-btn-warning{
  background-color:#FF9900
}
.hwui-btn-danger {
  background-color:#ED3F14
}
.hwui-btn-delete{
  background-color:#d9534f;
}

.hwui-btn-disabled,.hwui-btn-disabled:active,.hwui-btn-disabled:hover {
  border:1px solid #e6e6e6;
  background-color:#FBFBFB;
  color:#C9C9C9;
  cursor:not-allowed;
  opacity:1;
  filter:alpha(opacity=100);
}

.hwui-btn-big {
  height:46px;
  line-height:46px;
  padding:0 20px;
  font-size:16px
}

.hwui-btn-small{
  height:38px;
  line-height:38px;
  padding:0 12px;
  font-size:14px
}

.hwui-btn-small i {
  font-size:16px !important;
}

.hwui-btn-mini {
  height:26px;
  line-height:26px;
  padding:0 8px;
  font-size:12px
}

.hwui-btn-mini i {
  font-size:14px !important;
}

.hwui-btn-group {
  display:inline-block;
  vertical-align:middle;
  font-size:0
}

.hwui-btn-group .hwui-btn {
  margin-left:0!important;
  margin-right:0!important;
  border-left:1px solid rgba(255,255,255,.5);
  border-radius:0
}

.hwui-btn-group .hwui-btn-primary {
  border-left:none
}

.hwui-btn-group .hwui-btn-primary:hover {
  border-color:#E5E5E5;
  color:#333
}

.hwui-btn-group .hwui-btn:first-child {
  border-left:none;
  border-radius:2px 0 0 2px
}

.hwui-btn-group .hwui-btn-primary:first-child {
  border-left:1px solid #E5E5E5
}

.hwui-btn-group .hwui-btn:last-child {
  border-radius:0 2px 2px 0
}

/* æœç´¢ */
.hwui-search-bar{
  padding:7px 15px;
  position: relative;
}
.hwui-search-bar.bg-search{
  padding:10px;
  background-color:#FAFAFA;
  border-bottom:1px solid #EEEEEE;
}
.hwui-search-bar .hwui-search{
   max-width: 97%;
   position: relative;
   z-index: 100;
 }
.hwui-search-bar .hwui-search.twoLine{
  width: 100%;
}
.hwui-search-bar .hwui-search li{
  float:left;
}
.hwui-search-bar .hwui-search li.s-lh-normal{
  line-height:normal;
}
.hwui-search-bar .hwui-search li.s-h22{
  height:22px;
  line-height:22px;
}
.hwui-search-bar .hwui-search i{
  font-size:18px;
  color:#666;
  width:35px;
  text-align:center;
  vertical-align:middle;
}
.hwui-search-bar .hwui-search .pl{
  padding:0 0px 0px 5px;
}
.hwui-search-bar .hwui-search .pl-mini{
  padding:0 0px 0px 7px;
}
.hwui-search-bar .hwui-search .rf{
  float:right;
}

/*æœç´¢æ›´å¤š*/
.hwui-search-more-mask{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background-color: transparent;
}
.hwui-search-more-bar-main{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  height: 70px;
  top: 43px;
  left: 0;
  right: 0;
  padding: 6px 10px;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  /*background-color: #F9F9F9;*/
  background-color: #fcfcfc;
  border-bottom: 2px solid #efefef;
  /*box-shadow: 0 3px 3px #CCCCCC inset;*/
}
.hwui-search-more-bar-main.search-more-show{
  visibility:visible;
  opacity:1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.hwui-search-more{
  width: 100%;
}
.hwui-search-more li{
  float: left;
  padding: 10px 5px;
  width: 20%;
}
.hwui-search-more li .search-more-title{
  float: left;
  /*width: 80px;*/
  text-align: right;
  line-height: 32px;
}
.hwui-search-more li .search-more-content{
  overflow: hidden;
}
.hwui-search-more-out{
  color: #2baee9;
  font-size: 12px;
  line-height: 24px;
  position: absolute;
  top: 9px;
  right: 15px;
}
.hwui-search-more-fold{
  margin-left: 10px;
  float: right;
  height: 24px;
  line-height: 24px;
  width: 24px;
  text-align: center;
  cursor: pointer;
  background-color: #F9F9F9;
  border: 1px solid #dcdfe6;
}
.hwui-search-more-fold:hover{
  border: 1px solid #D5D5D5;
}
.hwui-search-more-fold i{
  font-size: 12px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.hwui-search-more-fold.fold-horizontal i{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*消息提示*/
.hwui-badge{
  background-color:#ff3636;
  color:#FFFFFF;
  position:absolute;
  height:18px;
  line-height:18px;
  width:20px;
  top:50%;
  margin-top:-9px;
  right:8px;
  text-align:center;
  font-size:12px;
}

/*表单*/
.hwui-form > li{
  line-height:32px;
  padding:8px 0px;
  clear:both;
}
.hwui-form.hwui-form-big > li{
  line-height:46px;
  padding:12px 0px;
  clear:both;
}
.hwui-form.hwui-form-small > li{
  line-height:38px;
  padding:8px 0px;
  clear:both;
}
.hwui-form.hwui-form-mini > li{
  line-height:26px;
  padding:5px 0px;
  clear:both;
}
.hwui-form > li .hf-left{
  float:left;
}
.hwui-form > li .hf-right{
  position:relative;
}
.hwui-form.hwui-form-big > li .hf-right{
  height:46px;
}
.hwui-form.hwui-form-small > li .hf-right{
  height:38px;
}
.hwui-form.hwui-form-mini > li .hf-right{
  height:26px;
}
.hwui-form > li .hf-right.multi{
  padding-top:5px;
  line-height:28px;
}
.hwui-form > li .hf-left.w80{
  width:80px;
}
.hwui-form > li .hf-right.ml80{
  margin-left:80px;
}
.hwui-form > li .hf-left.w100{
  width:100px;
}
.hwui-form > li .hf-right.ml100{
  margin-left:100px;
}
.hwui-form > li .hf-left.w160{
  width:160px;
}
.hwui-form > li .hf-right.ml160{
  margin-left:160px;
}

/*列表工具栏*/
/*.hwui-list-tools{height:24px;padding:10px 20px;position:absolute;bottom:-44px;left:0;right:0;background-color:rgba(150,150,150,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f969696',endColorstr='#5f969696');}*/
.hwui-list-tools{
  display:none;
  height:24px;
  padding:10px 20px;
  position:absolute;
  bottom:-44px;
  left:0;
  right:0;
  background-color:#e6eff9;
  box-shadow:1px -2px 5px #bbb;
  z-index:10;
}
.hwui-list-tools input{padding:0 8px}

/*遮罩层*/
.hwui-mask{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1;
}
/*列表详情*/
.hwui-layer-mask{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  /*background-color:rgba(255,255,255,0.8)*/
}
.hwui-layer{
  display:none;
  box-shadow:-4px 0px 8px #AAAAAA;
  position:absolute;
  top:0;
  bottom:0;
  right:-61.8%;
  width:61.8%;
  background-color:#FFFFFF;
  z-index:1000;
}
.hwui-layer .ld-title{
  background-color:#FAFAFA;
  border-bottom:1px solid #EEEEEE;
  overflow:hidden;
  padding:0 10px;
  height:44px;
}
.hwui-layer .ld-title h3{
  float:left;
  font-size:15px;
  line-height:44px;
  width:90%;
}
.hwui-layer .ld-title .ldt-close{
  display:block;
  width:18px;
  height:44px;
  line-height:44px;
  float:right;
  font-size:18px;
  text-align:center;
  cursor:pointer;
}
.hwui-layer .ld-title .ldt-close:active{opacity:0.7;filter:alpha(opacity=70);}
.hwui-layer .ld-content{
  position:absolute;
  top:44px;
  bottom:0;
  left:0;
  right:0;
}
.hwui-layer .ld-content-edit{
  position:absolute;
  top:44px;
  bottom:50px;
  left:0;
  right:0;
}
.hwui-layer .ld-content-btn{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:10px;
  text-align:center;
  /*background-color:#FAFAFA;*/
  border-top:1px solid #E5E5E5;
}

/*开关按钮*/
.hwui-switch{
  position:relative;
  height:22px;
  line-height:22px;
  width:42px;
  padding:0 5px;
  border:1px solid #d2d2d2;
  border-radius:20px;
  cursor:pointer;
  background-color:#fff;
  -webkit-transition:.1s linear;
  transition:.1s linear;
}
.hwui-switch i{
  position:absolute;
  left:5px;
  top:3px;
  width:16px;
  height:16px;
  border-radius:20px;
  background-color:#d2d2d2;
  -webkit-transition:.1s linear;
  transition:.1s linear;
}
.hwui-switch em{
  position:absolute;
  right:5px;
  top:0;
  width:25px;
  padding:0 !important;
  text-align:center !important;
  color:#999 !important;
  font-style:normal !important;
  font-size:12px;
}
.hwui-switch-on{
  border-color:#5FB878;
  background-color:#5FB878;
}
.hwui-switch-on i{
  left:32px;
  background-color:#fff;
}
.hwui-switch-on em{
  left:5px;
  right:auto;
  color:#fff !important;
}

/*复选框*/
.hwui-form-checkbox{
  position:relative;
  cursor:pointer;
}
.hwui-form-checkbox em{
  display:block;
  height:20px;
  line-height:20px;
  overflow:hidden;
  margin-left:26px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hwui-form-checkbox i{
  display:block;
  position:absolute;
  top:50%;
  margin-top:-10px;
  left:0;
  height:18px;
  line-height:18px;
  line-height:19px !important;
  width:18px;
  border:1px solid #CCCCCC;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  transition:.2s linear;
  -webkit-transition:.2s linear;
  -moz-transition:.2s linear;
  color:transparent;
}
.hwui-form-checkbox.circle i{
  border-radius:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
}
.hwui-form-checkbox:hover i{
  border-color:#5FB878;
}
.hwui-form-checkbox.on i{
  border-color:#5FB878;
  background-color:#5FB878;
  color:#FFFFFF;
}

/*单选*/
.hwui-form-radio input,.hwui-form-checkbox input{
  display:none;
}
.hwui-form-radio{
  position:relative;
  cursor:pointer;
}
.hwui-form-radio.inline{
  float:left;
}
.hwui-form-radio em{
  display:block;
  height:20px;
  line-height:20px;
  overflow:hidden;
  margin-left:26px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hwui-form-radio i{
  display:block;
  position:absolute;
  top:50%;
  margin-top:-10px;
  left:0;
  height:18px;
  line-height:18px;
  width:18px;
  border:1px solid #CCCCCC;
  font-size:12px;
  font-family:arial;
  font-weight:bold;
  text-align:center;
  border-radius:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  transition:.2s linear;
  -webkit-transition:.2s linear;
  -moz-transition:.2s linear;
  color:transparent;
  background-color:transparent;
}
.hwui-form-radio:hover i{
  border-color:#5FB878;
}
.hwui-form-radio.on i{
  border-color:#5FB878;
  background-color:#5FB878;
  color:#5FB878;
}
.hwui-form-radio.disabled{
  cursor:not-allowed;
  color:#CCCCCC;
}
.hwui-form-radio.disabled:hover i{
  border-color:#DDDDDD;
}

/*下拉菜单*/
.hwui-form-select{
  border:1px solid #E5E5E5;
  position:relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  cursor:pointer;
}
.hwui-form-select.disabled{
  color:#CCCCCC;
}
.hwui-form-select:hover{
  border:1px solid #D5D5D5;
}
.hwui-select-title .hst-text{
  padding-left:5px;
  padding-right:25px;
  border:none;
  cursor:pointer;
}
.hwui-select-title .hst-icon{
  position:absolute;
  top:50%;
  right:0;
  font-size:12px;
  height:20px;
  line-height:20px;
  width:20px;
  text-align:center;
  margin-top:-10px;
  cursor:pointer;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.hwui-select-list{
  display:none;
  cursor:pointer;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  box-shadow:0 2px 4px rgba(0,0,0,0.2);
  position:relative;
}
.hwui-select-list dd{
  height:32px;
  line-height:32px;
  padding:0 8px;
}
.hwui-select-list dd:hover{
  background-color:#F5F5F5;
}
.hwui-select-list dd.on{
  background-color:#5FB878;
  color:#FFFFFF;
}
.hwui-form-select.selected .hwui-select-list{
  display:block;
  position:absolute;
  top:40px;
  left:-1px;
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  width:100%;
  z-index:999;
}
.hwui-form-select.selected .hst-icon{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*选择用户*/
.hwui-select-user{
  width:600px;
  margin:0 auto;
  position:relative;
}
.hwui-select-user.auto{
  width:100%;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}
.hwui-select-user .selected-not{
  width:50%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  background-color:#F6F6F6;
}
.hwui-select-user .selected{
  width:50%;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
}
.hwui-select-user .user-search-txt{
  height:30px;
  line-height:30px;
  margin:10px 10px;
  overflow:hidden;
}
.hwui-select-user .user-search{
  height:30px;
  line-height:30px;
  margin:10px 10px;
  overflow:hidden;
  border:1px solid #DDDDDD;
  background-color:#F6F6F6;
}
.hwui-select-user .user-search-text{
  border: none;
  height: 30px;
  float: left;
  width: 88%;
  padding: 0px 3px;
  background-color: transparent;
}
.hwui-select-user .user-search-btn{
  float: right;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  color: #999999
}
.hwui-select-user .user-search-btn:hover{
  color: #666666
}
.hwui-select-user .user-search-btn:active{
  color: #999999
}
.hwui-select-user .user-content{
  position: absolute;
  top: 50px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.hwui-select-user .user-list li{
  height: 32px;
  line-height: 32px;
  width: 90%;
  padding: 10px 5%;
  overflow: hidden;
  cursor: pointer;
}
.hwui-select-user .user-list li:hover{
  background-color:#D9DCE1;
}
.hwui-select-user .user-list li i{
  color: #AAAAAA;
  font-size: 20px;
  margin-top: 2px;
}
.hwui-select-user .user-list li i.on{
  color: #12a725
}
.hwui-select-user .user-list-selected li{
  height: 32px;
  line-height: 32px;
  width: 90%;
  padding: 10px 5%;
  overflow: hidden;
  border-bottom: 1px solid #EEEEEE
}
.hwui-select-user .user-list-selected li i {
  color: #E5E5E5;
  font-size: 20px;
  margin-top: 2px;
  cursor: pointer;
}
.hwui-select-user .user-list-selected li i:hover {
  color: #CCCCCC;
}

.hwui-select-user .user-face{
  height:32px;
  width:32px;
  display:block;
  float:left;
}
.hwui-select-user .user-name{
  float:left;
  max-width:70%;
  margin-left:5px;
  cursor:pointer;
}
.hwui-select-user .user-icon{
  float:right;
  color: #12a725
}

/*选择按部门选择人员*/
.hwui-depa-user-left{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:20%;
  background-color:#F9F9F9;
}
.hwui-depa-user-center{
  position:absolute;
  top:0;
  bottom:0;
  left:20%;
  width:60%;
  border-right:1px dotted #DDDDDD;
  border-left:1px dotted #DDDDDD;
}
.hwui-depa-user-right{
  position:absolute;
  top:0;
  bottom:0;
  left:80%;
  width:20%;
}
.hwui-depa-user-title{
  height:36px;
  line-height:36px;
  background-color:#f3f3f3;
  border-bottom:1px dotted #E5E5E5;
  padding:0 10px;
}
.hwui-depa-list > li h3{
  height:36px;
  line-height:36px;
  color:#007BC6;
  background-color:#F3F3F3;
  border-bottom:1px solid #E5E5E5;
  cursor:pointer;
  padding:0 10px;
}
.hwui-depa-list > li h3:hover{
  background-color:#F0F0F0;
}
.hwui-depa-list > li h3 .icon{
  display:inline-block;
  margin-right:3px;
  font-size:11px;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}
.hwui-depa-list > li h3.selected .icon{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hwui-depa-sub-list{
  border-bottom:1px solid #E5E5E5;
}
.hwui-depa-sub-list.no-bc{
  border-bottom:none;
}
.hwui-depa-sub-list li{
  height:36px;
  line-height:36px;
  padding:0 10px;
  cursor:pointer;
}
.hwui-depa-sub-list li:hover{
  background-color:#8ab8dc;
  color:#FFFFFF;
}
.hwui-depa-sub-list li.on{
  background-color:#7fa9ca;
  color:#FFFFFF;
}
.hwui-depa-user-search{
  padding:10px;
  background-color:#FBFBFB;
  border-bottom:1px dotted #E5E5E5;
}
.hwui-depa-user-list ul{
  width:98%;
  padding:0 1%;
}
.hwui-depa-user-list{
  position:absolute;
  top:92px;
  bottom:0;
  left:0;
  right:0;
}
.hwui-depa-user-list ul li{
  width:23.4%;
  margin:8px 0.8% 0px;
  padding:5px 5px;
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  overflow:hidden;
  float:left;
  cursor:pointer;
}
.hwui-depa-user-list ul li h3{
  color:#333333;
}
.hwui-depa-user-list ul li div{
  color:#999999;
}
.hwui-depa-user-selected-list{
  position:absolute;
  top:38px;
  bottom:0;
  left:0;
  right:0;
}
.hwui-depa-user-selected-list ul li{
  width:92%;
  margin:8px 4% 0px;
  padding:5px 5px;
  border:1px solid #E5E5E5;
  background-color:#FFFFFF;
  overflow:hidden;
  float:left;
  cursor:pointer;
}

/*表格*/
.hwui-table-list.tl-tac{
  text-align:center;
}
.hwui-table-list th.tl-tac,.hwui-table-list td.tl-tac{
  text-align:center;
}
.hwui-table-list{
  border:1px solid #e5e5e5;
  border-collapse:collapse;
  background-color:#FFFFFF;
  table-layout:fixed;
}
.hwui-table-list th,.hwui-table-list td{
  border-collapse:collapse;
  height:44px;
}
.hwui-table-list th{
  border:none;
  background-color:#f9f9f9;
  color:#333333;
  padding:0 10px;
  font-weight:normal;
  text-align:left;
  border-bottom:1px solid #e5e5e5;
  border-right:1px dotted #e5e5e5;
  font-size:16px;
}
.hwui-table-list th:hover{
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
.hwui-table-list td{
  border:1px dotted #e5e5e5;
  padding:0 10px;
  color:#666666;
}
.hwui-table-list tr{
  background-color:#fcfcfc;
}
.hwui-table-list tr:nth-child(2n){
  background-color:#FFFFFF;
}
.hwui-table-list tr:hover,.hwui-table-list tr:nth-child(2n):hover{
  background-color:#EDF8FE;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
.hwui-table-list td a{
  color:#1596DB;
}
.hwui-table-list td a:hover{
  color:#FF6600;
}

/*选项卡*/
.hwui-tab-title li{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
  -webkit-transition:all .2s;
  position:relative;
  line-height:40px;
  min-width:65px;
  padding:0 15px;
  text-align:center;
  cursor:pointer;
}

/*效果*/
.hwui-ease-in-out{
  -webkit-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out;
  -webkit-transition:background-color .3s ease-in-out;
  -moz-transition:background-color .3s ease-in-out;
  transition:background-color .3s ease-in-out;
}

/*浏览器号*/
.hwui-browser-ver-mask{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:9991;
  opacity:0.5;
  filter:alpha(opacity=50);
  background-color:#000000;
}
.hwui-browser-ver{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-240px;
  margin-left:-350px;
  width:640px;
  height:340px;
  z-index:9992;
  padding:60px 30px;
  opacity:1;
  filter:alpha(opacity=100);
  background-color:#FFFFFF;
}
.hwui-browser-ver-title{
  font-size:22px;
  text-align:center;
}
.hwui-browser-ver-title.mtop{
  margin-top:30px;
}
.hwui-browser-ver-content{
  font-size:16px;
  text-align:center;
  margin-top:10px;
}
.hwui-browser-ver-list a{
  display:block;
  float:left;
  width:22%;
  margin:20px 1.5% 0;
  height:162px;
  text-align:center;
  border:1px solid #E9E9E9;
  line-height:20px;
}
.hwui-browser-ver-list a:hover{
  color:#666666;
  border-color:#DDDDDD;
  background-color:#FBFBFB;
}
.hwui-browser-ver-list a .icon-logo{
  display:block;
  width:60px;
  height:60px;
  margin:20px auto 0;
}
.hwui-browser-ver-list span{
  display:block;
  margin:5px 0 10px;
}

/*动画*/
.hwui-anim{
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes hwui-upbit {
  from {
    -webkit-transform: translate3d(0,30px,0);
    opacity: .3
  }

  to {
    -webkit-transform: translate3d(0,0,0);
    opacity: 1
  }
}

@keyframes hwui-upbit {
  from {
    transform: translate3d(0,30px,0);
    opacity: .3
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}

.hwui-anim-upbit {
  -webkit-animation-name: hwui-upbit;
  animation-name: hwui-upbit
}

/* 宽度 */
.wAll{width:100%;}
.wP8{width:8%;}
.wP10{width:10%;}
.wP11{width:11.16%;}
.wP12{width:12%;}
.wP15{width:15%;}
.wP16{width:16%;}
.wP20{width:20%;}
.wP14{width:14%;}
.wP24{width:24%;}
.wP25{width:25%;}
.wP30{width:30%;}
.wP33{width:33.33%;}
.wP35{width:35%;}
.wP40{width:40%;}
.wP45{width:45%;}
.wP55{width:55%;}
.wP50{width:50%;}
.wP60{width:60%;}
.wP70{width:70%;}
.wP75{width:75%;}
.wP80{width:80%;}
.wP87{width:87%;}
.wP90{width:90%;}
.wP95{width:95%;}
.wP97{width:97%;}
.w8{width:8px!important;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w750{width:750px;}
.w1000{width:1000px;}
/* 隐藏多选框disabled样式 */
.DisabledCheckBoxNoStyle .el-checkbox__input.is-disabled .el-checkbox__inner{cursor: pointer!important;}
.DisabledCheckBoxNoStyle input:disabled{cursor: pointer!important;}
.DisabledCheckBoxNoStyle .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff!important;cursor: pointer!important;}
.DisabledCheckBoxNoStyle .el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor: pointer!important;border-color: #fff!important;}
.DisabledCheckBoxNoStyle .el-checkbox__input.is-disabled .el-checkbox__inner {border: 1px solid #DCDFE6!important;background-color: #FFF!important;}
.DisabledCheckBoxNoStyle .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color: #409EFF!important;border-color: #409EFF!important;}